<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-widht,initial-scale=1,mximum-scale=1,user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css">
	</head>
	<style>
		.row{
			border: 1px solid #ff0000;
		}
		[class*="col-"]{
			border: 1px solid #00ff00;
			padding-top: 15px;
			padding-bottom: 15px;
			background-color: #eee;
		}
	</style>
	<body>
		<!-- 
		栅格系统 规则：
			1 <div class="container"></div> 调试内外边距 对齐方式...
			2 row 默认12列
			3 具体内容放在列元素之内，列元素能成为row元素的直接子元素****
		 -->
		 <div class="container">
		 	<div class="row">
		 		<div class="col-md-1">1</div>
		 		<div class="col-md-1">2</div>
		 		<div class="col-md-1">3</div>
		 		<div class="col-md-1">4</div>
		 		<div class="col-md-1">5</div>
		 		<div class="col-md-1">6</div>
		 		<div class="col-md-1">7</div>
		 		<div class="col-md-1">8</div>
		 		<div class="col-md-1">9</div>
		 		<div class="col-md-1">10</div>
		 		<div class="col-md-1">11</div>
		 		<div class="col-md-1">12</div>
		 		<div class="col-md-1">13</div>
		 	</div>
		 	<div class="row">
		 		
		 	</div>
		 	<div class="row">
		 		
		 	</div>
		 </div>
	</body>
</html>